
:root {
    --test:'ADD.png';
}
body {
    position: relative;
    min-height: 99vh;
    background: var(--vt-c-bg);
    color: var(--vt-c-text-1);
}
.journal-page-container{
    margin-top: 40px;
}
.empty-container{
    width: 200px;
}
.journal-container{
    min-width: 500px;
    border-left: 1px solid var(--vt-c-divider-light2);
    position: relative;
    flex: 1;
    padding: 0 150px 32px 64px;
}
.journal-container-list{
    border-top: 1px solid var(--vt-c-divider-light2);
}
.journal-container-list h2{
    margin-bottom: 20px;
    margin-top: 50px;
}
.journal-container-list-ul{
    list-style: unset;
    padding-left: 20px;
}
.journal-container-list-ul li{
    margin-bottom: 10px;
}
.journal-container-list-ul li .text{
    line-height: 30px;
}
.journal-container-list-ul li .icon{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-bottom: -3px;
}
.journal-container-list-ul li .tag{
    margin: 0 5px;
    padding: 2px 4px;
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(5, 5, 5, 0.06);
    border-radius: 4px;
}
.journal-tips p{
    display: flex;
    align-items: self-end;
}
.journal-tips p span:first-child{
    display: inline-block;
    width: 22px;
    height: 22px;
}
/* 跳转ul样式 */
.date-link-list {
    position: sticky;
    top: 10px;
    right: 40px;
    align-self: flex-start;
}
.date-link-list ul{
    list-style: none;
}
.date-link-list li {
    max-width: 105px;
    padding: 0 0 4px 16px;
    font-size: 14px;
    line-height: 1.5;
    color: var(--vt-c-text-1);
    border-left: 1px solid var(--vt-c-divider-light2);
}

.date-link-list li:hover {
    cursor: pointer;
    color: var(--hover-color);
}
@media only screen and (max-width: 992px) {
    .date-link-list {
        display: none;
    }
}
/* 加载元素 */
.web-loading-mask-custom{
    top: 66px;
}
/* 图片icon */
.image-icon{
   background-repeat: no-repeat;
   background-size: 100% 100%;
}